
/************************************************/





@media all and (max-width: 1200px) {
  .flickerplate {
    height: 80%;
    min-height: 500px;
  }
  .row {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
  }
  .content {
    height: auto;
  }
}

@media all and (max-width: 992px) {
  .flickerplate {
    height: 80%;
    min-height: 500px;
  }
}

@media all and (max-width: 768px) {
  .flickerplate {
    height: 70%;
    min-height: 300px;
  }
  .row {
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
  }
}

@media screen and (min-width: 1200px) {
  .mid-display {
    width: 1000px;
  }
  .display {
    padding-left: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .mid-display {
    width: 768px;
  }
  .display {}
}

@media screen and (max-width: 768px) and (min-width: 500px) {
  .mid-display {
    font-size: 14px;
  }
  .display .left {
    display: none !important;
  }
  .mid-display {
    width: 100%;
    padding: 0 5px;
  }
  .display {}
  .display .right {
    width: 100%;
    margin-left: 10px;
  }
  .display p {
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .content {
    width: 100%;
    height: auto;
  }
  .mid-display {
    width: 100% !important;
  }
  .display {
    float: none;
    width: 100%;
    height: 160px;
    border-bottom: 1px solid #96A199;
    padding-left: 50px;
  }
}
